<template>
  <div>
    <div class="top">
      <van-icon name="arrow-left" class="iconfont" @click="goback" />
      <span>设置</span>
    </div>
    <div class="account">
            <van-cell title="账号ID" value="11111"/>
        </div>      
    <div class="password">
        <van-cell title="密码登录" is-link value="修改" />
        <van-cell title="安全密码" is-link value="未设置" />
    </div>
    <div class="number">
        <van-cell title="手机号码" is-link value="133***7203" />
        <van-cell title="软件版本" is-link value="" />
        <van-cell title="隐私政策" is-link value="" />
        <van-cell title="用户协议" is-link value="" />
        <van-cell title="意见反馈" is-link value="" />
    </div>
    <div class="Cache">
        <van-cell title="清除缓存" value="0.1KB"/>
    </div>
    <div class="account">
        <van-cell title="注销账号" is-link value="" />
        </div>    
    <van-button
      plain
      type="primary"
      block
      color="#ff5f16"
      text="退出登录"
      class="footer"
      @click="logOut"/>
  </div>
</template>

<script>
  export default {
    methods: {
      goback(){
        this.$router.go(-1)
      },
      logOut() {
        localStorage.removeItem("userName");
        // 导航到登录页面
        this.$router.push("/center");
      },
    },
  };
  </script>

<style scoped>
.top {
  display: flex;
  height: 44px;
  line-height: 44px;
  background: #fff;
}

.iconfont {
  margin-left: 15px;
  width: 15%;
  line-height: 44px;
  font-size: 17px;
}

.top span {
  width: 70%;
  text-align: center;
  font-size: 17px;
}
.footer {
  position: fixed;
  left:0;
  bottom: 0;
}
</style>

  
  
  